<script setup lang="ts">
/**
 * 网站相关运营
 */
</script>

<template>
  <div class="master-box">
    <div class="title">
      官方交流社区
    </div>
    <div class="link-box">
      <div class="link-item">
        <el-link href="tencent://message/?uin=1092861702&Site=&Menu=yes" title="点击添加服主好友" target="_blank">
          服主QQ:1092861702
        </el-link>
      </div>
      <div class="link-item">
        <el-link href="https://qm.qq.com/q/vLCsL0LbCS" title="点击链接加入玩家交流群" target="_blank">
          点击加入玩家交流群【524615649】
        </el-link>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.master-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  .title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem .5rem;
    text-align: center;
    width: inherit;
    border-bottom: solid 1px #c7c7c7;
  }
  .link-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem .5rem;
    .link-item {
      word-wrap: break-word; /* 或者 overflow-wrap: break-word */
    }
  }
}
</style>